import "./Cloud.scss";

export default function Cloud(props) {
  const { text, handleText } = props;
  return (
    <div
      class="cloud"
      onMouseEnter={() => handleText(text)}
      onMouseLeave={() => handleText("")}
    >
      <div class="cloud-top"></div>
      <div class="cloud-bottom"></div>
    </div>
  );
}
